<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:jsf="http://xmlns.jcp.org/jsf"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">

<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

	<!-- Definiendo la cabecera de la pagina -->
	<ui:define name="title">
		<h:outputText value="Apertura Cta. Plazo fijo" />
	</ui:define>

	<!-- Definiendo el cuerpo de la pagina -->
	<ui:define name="content">

		<h:outputStylesheet library="css" name="main.css" />

		<h:form>
			<h:panelGroup rendered="#{!aperturaCuentaplazofijoBean.cuentaValida}">
				<div class="p6n-api-access-in-page-error" style="left: 516px;">
					<div>
						<div>
							<p>
								<h:messages />
							</p>
						</div>
					</div>
				</div>
			</h:panelGroup>

			<h:panelGroup
				rendered="#{aperturaCuentaplazofijoBean.personanatural}">
				<div class="p6n-content ng-scope">
					<div class="p6n-content-no-nav ng-scope">
						<div class="p6n-main-pane ng-isolate-scope">
							<div class="">
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">CUENTA A PLAZO FIJO</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope ng-hide">
												<br />
												<p>
													Tipo cuenta: <label class="sf-label-bold">CUENTA A
														PLAZO FIJO</label>
												</p>
												<br />
												<p>
													Moneda:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboTipomoneda.objectItemSelected.abreviatura} #{aperturaCuentaplazofijoBean.comboTipomoneda.objectItemSelected.denominacion}"
														styleClass="sf-label-bold" />
												</p>
												<br />
												<p>
													Monto:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.montoApertura}"
														styleClass="sf-label-bold" />
												</p>
												<br />
												<p>
													Periodo:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.periodoDeposito} Dias"
														styleClass="sf-label-bold" />
												</p>
											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">SOCIO</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope">
												<br />
												<p>
													Tipo y numero documento:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboTipodocumentoPersonanatural.getObjectItemSelected().abreviatura} #{aperturaCuentaplazofijoBean.numeroDocumentoPersonanatural}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Apellidos y nombres:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.apellidoPaterno} #{aperturaCuentaplazofijoBean.apellidoMaterno} , #{aperturaCuentaplazofijoBean.nombres}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Sexo:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboSexo.getObjectItemSelected().denominacion}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; F. nacimiento:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.fechaNacimiento}"
														styleClass="sf-label-bold">
														<f:convertDateTime pattern="dd/MM/yyyy" />
													</h:outputLabel>
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													E. civil:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboEstadocivil.getObjectItemSelected().denominacion}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Ocupacion:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.ocupacion}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Direccion:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.direccionPersonanatural} - #{aperturaCuentaplazofijoBean.referenciaPersonanatural}"
														styleClass="sf-label-bold" />

												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Telefono:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.telefonoPersonanatural} - #{aperturaCuentaplazofijoBean.celularPersonanatural}"
														styleClass="sf-label-bold" />

												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Email:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.emailPersonanatural}"
														styleClass="sf-label-bold" />
												</p>
											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</h:panelGroup>
			<h:panelGroup
				rendered="#{aperturaCuentaplazofijoBean.personajuridica}">
				<div class="p6n-content ng-scope">
					<div class="p6n-content-no-nav ng-scope">
						<div class="p6n-main-pane ng-isolate-scope">
							<div class="">
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">CUENTA A PLAZO FIJO</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope ng-hide">
												<br />
												<p>
													Tipo cuenta: <label class="sf-label-bold">CUENTA
														PLAZO FIJO</label>
												</p>
												<br />
												<p>
													Moneda:
													<h:selectOneMenu id="cmbTipomonedaCuentacorriente2"
														value="#{aperturaCuentaplazofijoBean.comboTipomoneda.itemSelected}"
														valueChangeListener="#{aperturaCuentaplazofijoBean.changeTipomoneda}"
														required="true"
														requiredMessage="Seleccione tipo de moneda">
														<f:selectItem itemLabel="--SELECCIONE--" itemValue="" />
														<f:selectItems
															value="#{aperturaCuentaplazofijoBean.comboTipomoneda.items.entrySet()}"
															var="val"
															itemLabel="#{val.value.abreviatura} #{val.value.denominacion}"
															itemValue="#{val.key}" />
														<f:ajax></f:ajax>
													</h:selectOneMenu>
												</p>
												<div
													class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
													<h:message for="cmbTipomonedaCuentacorriente2" />
												</div>
												<br />
												<p>
													Saldo: <label class="sf-label-bold">0.00</label>
												</p>
											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">SOCIO</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope">
												<br />
												<p>
													Tipo y numero documento:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboTipodocumentoPersonajuridica.getObjectItemSelected().abreviatura} #{aperturaCuentaplazofijoBean.numeroDocumentoPersonajuridica}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Razon social:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.razonSocial}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Nombre comercial:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.nombreComercial}"
														styleClass="sf-label-bold">
														<f:convertDateTime pattern="dd/MM/yyyy" />
													</h:outputLabel>
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Actividad principal:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.actividadPrincipal}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; F. constitucion:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.fechaConstitucion}"
														styleClass="sf-label-bold">
														<f:convertDateTime pattern="dd/MM/yyyy" />
													</h:outputLabel>
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Tipo empresa:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboTipoempresa.getObjectItemSelected().denominacion}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Fin social:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboFinsocial.getObjectItemSelected()}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Direccion:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.direccionPersonajuridica} - #{aperturaCuentaplazofijoBean.referenciaPersonajuridica}"
														styleClass="sf-label-bold" />

												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Telefono:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.telefonoPersonajuridica} - #{aperturaCuentaplazofijoBean.celularPersonajuridica}"
														styleClass="sf-label-bold" />

												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Email:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.emailPersonajuridica}"
														styleClass="sf-label-bold" />
												</p>
											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">REPRESENTANTE LEGAL</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope">
												<br />
												<p>
													Tipo y numero documento:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboTipodocumentoRepresentantelegal.getObjectItemSelected().abreviatura} #{aperturaCuentaplazofijoBean.numeroDocumentoRepresentantelegal}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Apellidos y nombres:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.apellidoPaternoRepresentantelegal} #{aperturaCuentaplazofijoBean.apellidoMaternoRepresentantelegal}, #{aperturaCuentaplazofijoBean.nombresRepresentantelegal}"
														styleClass="sf-label-bold" />
												</p>
											</div>
											<div class="ng-scope">
												<br />
												<p>
													Sexo:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.comboSexoRepresentantelegal.getObjectItemSelected().denominacion}"
														styleClass="sf-label-bold" />
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; F. nacimiento:
													<h:outputLabel
														value="#{aperturaCuentaplazofijoBean.fechaNacimientoRepresentantelegal}"
														styleClass="sf-label-bold">
														<f:convertDateTime pattern="dd/MM/yyyy" />
													</h:outputLabel>
												</p>
											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
								<div class="ng-scope">
									<h2 class="p6n-page-section-title">ACCIONISTAS</h2>
									<div class="ng-isolate-scope">
										<div class="">
											<div class="ng-scope">
												<br />

												<div class="p6n-content ng-scope">
													<div class="p6n-content-no-nav ng-scope">
														<div class="p6n-main-pane ng-isolate-scope"
															style="margin-left: 0px;">
															<div class="">
																<div class="ng-scope">
																	<table class="p6n-table">
																		<thead>
																			<tr>
																				<th><label class="ng-isolate-scope"> T.
																						documento </label></th>
																				<th><label class="ng-isolate-scope ">
																						Nro documento </label></th>
																				<th><label class="ng-isolate-scope ">
																						Apellido paterno </label></th>
																				<th><label class="ng-isolate-scope ">
																						Apellido materno </label></th>
																				<th><label class="ng-isolate-scope ">
																						Nombres </label></th>
																				<th><label class="ng-isolate-scope">
																						Sexo </label></th>
																				<th><label class="ng-isolate-scope ">
																						F.nacimiento </label></th>
																				<th><label class="ng-isolate-scope ">
																						(%) </label></th>

																			</tr>
																		</thead>
																		<tbody>
																			<ui:repeat
																				value="#{aperturaCuentaplazofijoBean.listAccionistas()}"
																				var="accionista">
																				<tr class="ng-scope">
																					<td><h:outputLabel
																							value="#{accionista.personanatural.tipodocumento.abreviatura}" />
																					</td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.numerodocumento}" /></td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.apellidopaterno}" /></td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.apellidomaterno}" /></td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.nombres}" /></td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.sexo.denominacion}" /></td>
																					<td><h:outputLabel
																							value="#{accionista.personanatural.fechanacimiento}">
																							<f:convertDateTime pattern="dd/MM/yyyy" />
																						</h:outputLabel></td>
																					<td><h:outputLabel
																							value="#{accionista.porcentajeparticipacion}" /></td>
																				</tr>
																			</ui:repeat>
																		</tbody>
																	</table>
																</div>
															</div>
														</div>
													</div>
												</div>

											</div>
										</div>
									</div>
									<div class="p6n-page-section-divider">
										<div class="p6n-line"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</h:panelGroup>

















			<div class="p6n-content ng-scope">
				<div class="p6n-content-no-nav ng-scope">
					<div class="p6n-main-pane ng-isolate-scope">
						<div class="">
							<div class="ng-scope">
								<h2 class="p6n-page-section-title">TITULARES</h2>
								<div class="ng-isolate-scope">
									<div class="">
										<div class="ng-scope">
											<br />

											<div class="p6n-content ng-scope">
												<div class="p6n-content-no-nav ng-scope">
													<div class="p6n-main-pane ng-isolate-scope"
														style="margin-left: 0px;">
														<div class="">
															<div class="ng-scope">
																<table class="p6n-table">
																	<thead>
																		<tr>
																			<th><label class="ng-isolate-scope"> T.
																					documento </label></th>
																			<th><label class="ng-isolate-scope ">
																					Nro documento </label></th>
																			<th><label class="ng-isolate-scope ">
																					Apellido paterno </label></th>
																			<th><label class="ng-isolate-scope ">
																					Apellido materno </label></th>
																			<th><label class="ng-isolate-scope ">
																					Nombres </label></th>
																			<th><label class="ng-isolate-scope">
																					Sexo </label></th>
																			<th><label class="ng-isolate-scope ">
																					F.nacimiento </label></th>
																		</tr>
																	</thead>
																	<tbody>
																		<ui:repeat
																			value="#{aperturaCuentaplazofijoBean.listTitulares()}"
																			var="persona">
																			<tr class="ng-scope">
																				<td><h:outputLabel
																						value="#{persona.tipodocumento.abreviatura}" /></td>
																				<td><h:outputLabel
																						value="#{persona.numerodocumento}" /></td>
																				<td><h:outputLabel
																						value="#{persona.apellidopaterno}" /></td>
																				<td><h:outputLabel
																						value="#{persona.apellidomaterno}" /></td>
																				<td><h:outputLabel value="#{persona.nombres}" /></td>
																				<td><h:outputLabel
																						value="#{persona.sexo.denominacion}" /></td>
																				<td><h:outputLabel
																						value="#{persona.fechanacimiento}">
																						<f:convertDateTime pattern="dd/MM/yyyy" />
																					</h:outputLabel></td>
																			</tr>
																		</ui:repeat>
																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
								<div class="p6n-page-section-divider">
									<div class="p6n-line"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="p6n-content ng-scope">
				<div class="p6n-content-no-nav ng-scope">
					<div class="p6n-main-pane ng-isolate-scope">
						<div class="">
							<div class="ng-scope">
								<h2 class="p6n-page-section-title">BENEFICIARIOS</h2>
								<div class="ng-isolate-scope">
									<div class="">
										<div class="ng-scope">
											<br />

											<div class="p6n-content ng-scope">
												<div class="p6n-content-no-nav ng-scope">
													<div class="p6n-main-pane ng-isolate-scope"
														style="margin-left: 0px;">
														<div class="">
															<div class="ng-scope">
																<table class="p6n-table">
																	<thead>
																		<tr>
																			<th><label class="ng-isolate-scope ">
																					DNI </label></th>
																			<th><label class="ng-isolate-scope ">
																					Apellido paterno </label></th>
																			<th><label class="ng-isolate-scope ">
																					Apellido materno </label></th>
																			<th><label class="ng-isolate-scope ">
																					Nombres </label></th>
																			<th><label class="ng-isolate-scope ">
																					(%) </label></th>

																		</tr>
																	</thead>
																	<tbody>
																		<ui:repeat
																			value="#{aperturaCuentaplazofijoBean.listBeneficiarios()}"
																			var="beneficiario">
																			<tr class="ng-scope">
																				<td><h:outputLabel value="#{beneficiario.dni}" /></td>
																				<td><h:outputLabel
																						value="#{beneficiario.apellidopaterno}" /></td>
																				<td><h:outputLabel
																						value="#{beneficiario.apellidomaterno}" /></td>
																				<td><h:outputLabel
																						value="#{beneficiario.nombres}" /></td>
																				<td><h:outputLabel
																						value="#{beneficiario.porcentajebeneficio}" /></td>
																			</tr>
																		</ui:repeat>
																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
								<div class="p6n-page-section-divider">
									<div class="p6n-line"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div style="margin-left: 40px;">

				<h:commandButton action="aperturaCuentaplazofijo-flowC"
					immediate="true"
					actionListener="#{aperturaCuentaplazofijoBean.removeTitularDefecto()}"
					value="« Anterior " />
				<h:commandButton
					action="#{aperturaCuentaplazofijoBean.crearCuentaplazofijo()}"
					value="Crear Cuenta" styleClass="action blue" />

			</div>
		</h:form>
	</ui:define>

</ui:composition>
</html>